{extend name="common/base" /}

{block name="body"} 
<div class="head_box">
    <i class="layui-icon layui-icon-left back" data-btn="backNav"></i>
    <div class="t1">统计</div>
 </div>
 <main class="main_body">
    <form class="layui-form char_form">
       <div class="item">
        <select name="car_id" id="carSelect">
            <option value="0">全部</option>
                {volist name="carne_list" id="vo"}
                    <option {if $car_id == $vo.id} selected {/if} value="{$vo.id}">{$vo.name}</option>
                {/volist}
            </select>
       </div>
       <div class="item">
          <input id="date" readonly placeholder="选择起始时间" value="{$start_time}" class="layui-input start_time">
       </div>
       <div class="item">
          <input id="date1"  readonly placeholder="选择结束时间"  value="{$end_time}" class="layui-input end_time">
       </div>
       <div class="item">
        <button type="button" id="submitbtn" style="border-radius: 5px;height: 35px;line-height: 35px;margin-right: 5px;" class="layui-btn layui-bg-blue layui-btn-sm"><i class="layui-icon layui-icon-search"></i>搜索</button>
        <button type="button" id="submitbtn" style="border-radius: 5px;height: 35px;line-height: 35px;color:#fff" class="layui-btn-danger layui-btn-sm reset">重置</button>
       </div>
    </form>
    <table class="layui-table chart_table" lay-skin="line">
       <colgroup>
       </colgroup>
       <thead>
       
          <tr>
             <th>吊车</th>
             <th>工程号</th>
             <th>阶段</th>
             <th>分段类型</th>
             <th>分段</th>
          </tr>
       </thead>
       <tbody>
        {volist name="list" id="vo"} 
            <tr>
                <td>{$vo.crane.name}</td>
                <td>{$vo.produce_no}</td>
                <td>{$vo.stage.name}</td>
                <td>{$vo.segment.name}</td>
                <td>{$vo.segment_type_no}</td>
            </tr>
        {/volist}

       </tbody>
    </table>

    <!-- <div class="char_btn ftc">展开历史记录</div> -->


 </main>

{/block}
{block name="js"}
<script>

layui.use(['form', 'laydate', 'util'], function () {
      var form = layui.form;
      var layer = layui.layer;
      var laydate = layui.laydate;
      var util = layui.util;

      // 日期
      laydate.render({
         elem: '#date',
         trigger:'click'
      }); 
      laydate.render({
         elem: '#date1',
         trigger:'click'
      });
      $("#car_btn").on("click",function(){
        $('.car_change').show();
        })
        $("#closebtn").on("click",function(){
            $('.car_change').hide();
        })
         // 关闭按钮点击事件
    $('#closebtn').click(function() {
        $('#car_change').hide();  // 隐藏 div
    });

    $('.back').click(function(){
        window.location.href = '/index';
    })

    $('.reset').click(function() {
        // 获取当前页面的 URL
        var currentUrl = window.location.href;
        
        // 创建一个 URL 对象
        var url = new URL(currentUrl);
        
        // 获取不带参数的原始路径和主机
        var cleanUrl = url.origin + url.pathname;
        
        // 重定向到没有参数的 URL
        window.location.href = cleanUrl;
    });

    // 提交按钮点击事件
    $('#submitbtn').click(function() {
            // 获取 select 选择的车型 ID
        var carId = $('#carSelect').val();
        var start_time = $('.start_time').val();
        var end_time = $('.end_time').val();

        // 获取当前页面的 URL
        var currentUrl = window.location.href;
        
        // 创建一个 URL 对象
        var url = new URL(currentUrl);

        // 函数用于设置 URL 参数，若为空则移除
        function setUrlParam(param, value) {
            if (value) {
                url.searchParams.set(param, value);  // 设置新参数
            }
            // else 不再移除参数，避免覆盖之前的参数
        }

        // 更新或添加 URL 中的 car_id、start_time、end_time 参数
        setUrlParam('car_id', carId);
        setUrlParam('start_time', start_time);
        setUrlParam('end_time', end_time);

        // 重定向到新的 URL，确保不删除其他现有参数
        var newUrl = url.origin + url.pathname + '?' + url.searchParams.toString();

        // 重定向到新的 URL，刷新页面
        window.location.href = newUrl;
    });

});
 </script>
{/block}

